Sass and Compass for Designers by Sass & Compass For Designers 2013

Author:Sass & Compass For Designers 2013
Language: eng
Format: epub
Publisher: Packt Publishing

Remember that our first layout will actually be the absence of media queries: that’s our ‘accessibility’ layout. With these two variables we can therefore ultimately facilitate three layouts, the initial accessibility layout (where no media query is used), a layout at a breakpoint of 47em (around 750px wide assuming a 16px body font) and a layout at a breakpoint of 75em (around 1200px wide with 16px body font).

Susy has a built-in helper mixin called at-breakpoint that we can use to create media queries. Let’s see how we can use it alongside the variables we have just defined:

nav[role=”navigation”] { @include at-breakpoint($M) { @include span-columns(3,12); } } .main-content { @include at-breakpoint($M) { @include prefix(1,12); @include span-columns(9 omega,12); } }

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.